<template>
  <div class="main">
    <left-nav></left-nav>
    <div class="right__content">
      <right-nav></right-nav>
      <div class="content">
        <router-view/>
      </div>
      <div class="bottom__nav">
        <span>Copyright © 2020-2021 Viewdance 出品</span><span>All rights reserved.</span>
      </div>
    </div>
  </div>
</template>

<script>
import LeftNav from "@/components/pc/LeftNav";
import RightNav from "@/components/pc/RightNav";
import HomeContent from "@/views/home/home"
export default {
  name: "index",
  components:{LeftNav,RightNav,HomeContent},
  data(){
    return{
    }
  },
	created() {
		// this.$Http.getMyInfo().then(res =>{
		// 	if(res.code === 'SUCCESS'){
		// 		this.$store.commit('setUserData' ,res.data )
		// 	}else {
		// 		this.$message.error(res.message);
		// 	}
		// })
	},
}
</script>

<style scoped lang="scss">
.main{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  //height: 100vh;
	width: 100%;
	height: 100%;
  .left__nav{
    width: 12%;
  }
  .right__content{
    width: 90%;
    height: 100%;
	  position: relative;
    .content{
      margin-bottom: -35px;
      min-height: calc(100% - 75px);
      width: 100%;
      background-color: #F4F4F4;
    }
    .bottom__nav{
	    position: fixed;
	    bottom: 0;
	    width: 100%;
      padding: 0 24px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-color: #fff;
      height: 40px !important;
      font-size: 12px;
      line-height: 40px;
      border-top: 1px solid #dee2e6;
      color: $colorBlack;
      text-align: center;
      :first-child{
        font-weight: bold;
        margin-right: 10px;
      }
    }
  }
}

</style>
